<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<title>syt首页</title>
		<link rel="icon" href="/tuPian/tuBiao.png" />
		<link rel="stylesheet" href="/css/shouYe.css" type="text/css">
		<script defer src="/js/lunBo.js"></script>
		<script defer src="/js/xingKong.js"></script>
	</head>
	<body>
		<header>
			<nav>
				<a class="fu-lan-mu" href="/">
					首页
				</a>
				<div class="fu-lan-mu">
					<span>游戏</span>
					<i class="xsj"></i>
					<i class="ssj"></i>
					<div class="zi-lan-mu">
						<a href="/youXi">fps游戏</a>
						<a href="/youXi/quanJingTu.html">全景图</a>
						<a href="/youXi/diXiaCheng.html">地下城</a>
						<a href="/youXi/fangKuai.html">俄罗斯方块</a>
						<a href="/youXi/threejs.html">threejs</a>
						<a href="/youXi/webgl.html">webgl</a>
					</div>
				</div>
				{syt:lanMu lHao=1}
				<a class="fu-lan-mu" href="[lanMu:lianJie]">[lanMu:biaoTi]</a>
				{/syt:lanMu}

				<!-- a标签不能嵌套a标签 -->
				<div class="fu-lan-mu">
					{syt:lanMu lHao=2}
					<a href="[lanMu:lianJie]">
						[lanMu:biaoTi]
						<i class="xsj"></i>
						<i class="ssj"></i>
					</a>
					{/syt:lanMu}
					<div class="zi-lan-mu">
						{syt:daoHang fHao=2 shu=10}
						<a href="[daoHang:lianJie]">[daoHang:biaoTi]</a>
						{/syt:daoHang}
					</div>
				</div>

			</nav>
		</header>
		<!--轮播-->
		<section id="rong-qi">
			<div id="lun-bo">
				<div class="tu tu-zuo" style="background: url(/tuPian/1.png) center/100% 100% no-repeat;">
					<a href="/youXi"></a>
				</div>
				<div class="tu tu-zhong" style="background: url(/tuPian/2.png) center/100% 100% no-repeat;">
					<a href="/youXi/diXiaCheng.html"></a>
				</div>
				<div class="tu tu-you" style="background: url(/tuPian/3.png) center/100% 100% no-repeat;">
					<a href="/youXi/threejs.html"></a>
				</div>
				<div class="tu" style="background: url(/tuPian/4.png) center/100% 100% no-repeat;">
					<a href="/youXi/fangKuai.html"></a>
				</div>
			</div>
		</section>
		<section class="rong-qi1">
			{syt:lanMu lHao=1}
			<a class="lan-mu-biao-ti" href="[lanMu:lianJie]">[lanMu:biaoTi]</a>
			{/syt:lanMu}
			<div class="rong-qi1-1">
				{syt:lieBiao lHao=1 shu=10}
				<a class="lie-biao-xiang" href="[lieBiao:lianJie]">
					<div class="lie-biao-xiang-biao-ti">
						[lieBiao:biaoTi]
					</div>
					<div class="lie-biao-xiang-nei-rong">
						[lieBiao:neiRong chang=20]...
					</div>
				</a>
				{/syt:lieBiao}
			</div>
		</section>
		<!-- 收藏夹 -->
		<section class="shou-cang">
			<A rel="nofollow" HREF="https://gitee.com/s-y-t" target="_blank">
				<img
					src="">
				gitee仓库</A>
			<A rel="nofollow" HREF="http://www.runoob.com/" target="_blank">
				<img
					src="">
				菜鸟网</A>
			<A rel="nofollow" HREF="https://wangdoc.com/javascript/index.html" target="_blank">
				<img
					src="">
				JavaScript 教程</A>
			<A rel="nofollow" HREF="https://es6.ruanyifeng.com/#docs/class" target="_blank">
				<img src="">
				ECMAScript6</A>
			<A rel="nofollow" HREF="https://uniapp.dcloud.io/" target="_blank">
				<img src=""><img />
				uni-app官网</A>
			<A rel="nofollow" HREF="https://v3.cn.vuejs.org/" target="_blank">
				<img src="">
				Vue3</A>
			<A rel="nofollow" HREF="https://vitejs.cn/" target="_blank">
				<img src="">
				Vite.js中文网</A>
			<A rel="nofollow" HREF="https://element-plus.gitee.io/#/zh-CN/component/installation" target="_blank">
				<img src="">
				ElementUI</A>
			<A rel="nofollow" HREF="https://developer.mozilla.org/zh-CN/docs/Web" target="_blank">
				<img src="">
				mozilla Web开发技术</A>
			<A rel="nofollow" HREF="https://www.python.org/" target="_blank">
				<img src="">
				Python</A>
			<A rel="nofollow" HREF="https://www.mongodb.com/" target="_blank">
				<img src="">
				MongoDB</A>
			<A rel="nofollow" HREF="https://www.mysql.com/cn/" target="_blank">
				<img src=""/>
				MySQL</A>
			<A rel="nofollow" HREF="https://www.expressjs.com.cn/" target="_blank">
				<img src="" />
				Express中文文档</A>
			<A rel="nofollow" HREF="https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene" target="_blank">
				<img src="">
				three.js</A>
			<A rel="nofollow" HREF="https://docs.blender.org/manual/zh-hans/3.0/" target="_blank">
				<img src="">
				Blender	3.0 参考手册</A>
			<A rel="nofollow" HREF="https://www.iconfont.cn/" target="_blank">
				<img src="">
				iconfont-阿里巴巴矢量图标库</A>
			<A rel="nofollow" HREF="https://3dcool.net/" target="_blank">
				<img src="">
				3D模型库</A>
			<A rel="nofollow" HREF="https://nodejs.org/zh-cn/download/" target="_blank">
				<img src="">
				下载	| Node.js</A>
			<A rel="nofollow" HREF="https://www.typescriptlang.org/" target="_blank">
				<img src="">
				TypeScript</A>
			<A rel="nofollow" HREF="http://www.midwayjs.org" target="_blank">
				<img src="">
				Midway</A>
			<A rel="nofollow" HREF="https://pinia.vuejs.org/" target="_blank">
				<img src="">
				pinia</A>
			<A rel="nofollow" HREF="https://docs.opencv.org/4.x/d5/d10/tutorial_js_root.html" target="_blank">
				<img src="">
				OpenCV.js 教程</A>
		</section>
		<!-- 立方体 -->
		<section id="li-fang-rong-qi">
			<div id="li-fang">
				<div class="li-fang-tu tu1"
					style="background: url(/shangChuan/xingkong.jpg) center/100% 100% no-repeat;">
				</div>
				<div class="li-fang-tu tu2"
					style="background: url(/shangChuan/xingkong1.jpg) center/100% 100% no-repeat;">
				</div>
				<div class="li-fang-tu tu3"
					style="background: url(/shangChuan/xingkong2.jpg) center/100% 100% no-repeat;">
				</div>
				<div class="li-fang-tu tu4"
					style="background: url(/shangChuan/xingkong3.jpg) center/100% 100% no-repeat;">
				</div>
				<div class="li-fang-tu tu5"
					style="background: url(/shangChuan/xingkong4.jpg) center/100% 100% no-repeat;">
				</div>
				<div class="li-fang-tu tu6"
					style="background: url(/shangChuan/xingkong.jpg) center/100% 100% no-repeat;">
				</div>
			</div>
		</section>
		<!-- 星空背景 -->
		<canvas id="hua-bu"></canvas>
		<footer>
			<div class="di-bu">
				<div>©2022 sytht版权所有</div>
			</div>
		</footer>
	</body>
</html>
